<template>
    <div class="feedback">
        <x-header v-show="!isWeChar">
            <div slot="default" class="common__header--title">意见反馈</div>
            <div @click="goBack" slot="overwrite-left" class="common__header--img"><img slot="icon" src="~assets/x3/ico/goback1.png" class="go-back"></div>
            <div class="common__header--rightfont" slot="right">历史意见反馈</div>
        </x-header>
        <group>
            <x-input class="feedback__group--title" placeholder="标题"></x-input>
            <x-textarea class="feedback__group--alert" :max="2000" name="description" placeholder="请描述您的意见和内容"></x-textarea>
        </group>
        <box gap="10px 10px">
            <x-button type="primary">确定</x-button>
        </box>
        <group-title>
            <span class="feedback__footer--alert">感谢您的宝贵意见，经采纳，有精美礼品</span>
        </group-title>
    </div>
</template>
<script>
import { XHeader, XTextarea, Group, XInput, XButton, Box, GroupTitle } from 'vux';
import { mapState, mapActions } from "vuex";
export default {
    components: { XHeader, XTextarea, Group, XInput, XButton, Box, GroupTitle },
    computed: mapState({
        isWeChar: "isWeChar"
    }),
    methods: {
        goBack() {
            this.$common.goBack(this);
        }
    },
    mounted() {
        document.title = "意见反馈";
        this.$init.subPageInit(this);
    },
}
</script>

<style lang="scss">
.feedback__group--title {
  input::-webkit-input-placeholder {
    font-size: 14px;
  }
}

textarea::-webkit-input-placeholder {
  font-size: 12px;
}

.feedback__footer--alert {
  font-size: 12px;
}

.weui-textarea-counter {
  font-size: 12px;
}
</style>



